<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div id="mydiv">id选择器
        <span>span中的内容</span>
    </div>
    <div id="mydiv1" class="blue">元素选择器</div>

    <!-- id选择器    #id属性值       $("#id属性值")
    类选择器    .class属性值    $(".class属性值")
    元素选择器  标签名/元素名    $("标签名/元素名")
    通用选择器  *               $("*")
    组合选择器 选择器1,选择器2,. $("选择器1,选择器2,...") 
    -->
    <script src="js/jquery-3.4.1.js" type="text/javascript" charset="UTF-8"></script>
    <script type="text/javascript">
        //id选择器
        let idDiv = $("#mydiv");
        console.log(idDiv);
        //类选择器
        let classDiv = $(".blue");
        console.log(classDiv);
        //元素选择器
        let spans = $("span");
        console.log(spans);
        //通用选择器
        let all = $("*")
        console.log(all);
        //组合选择器
        let group = $("#mydiv,.blue,div,span")
        console.log(group);
    </script>

</body>

</html>